<template>
  <div id="DataMaintenance-setting" class="height100">
    <div class="DataMaintenance-groupInformationSet height100">
      <div class="flex-all pt10 pb10 pl12 pr12 bg-white height50">
      <div class="ct-head-left flex-al">
        <span class="left-line-orange mr10"></span>
        <span class="color-333 fs14">{{$t('Set.groupInformationSet.groupInformationSet.56325upz1eg0')}}</span>
      </div>
    </div>
    <div class="body mt10 ml10 bg-white flex1">
      <!-- 导航栏路由 -->
      <div class="flex-all pt10 pb10 pl12 pr12 bg-white height50 flex-warp-line">
        <div class="ct-head-left flex-al">
          <div class="page-head__navlist">
            <router-link
              v-for="(item, index) in innerSlider"
              :key="index"
              class="page-head__navlist-item"
              tag="div"
              :to="{path: item.url}"
            >{{ item.title }}</router-link>
          </div>
        </div>
        <div class="cr-head-right"></div>
      </div>
      <router-view></router-view>
    </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chargeItem",
  components: {},
  data() {
    return {
      innerSlider: [
        {
          title: this.$t('Set.groupInformationSet.groupInformationSet.56325upz45g0'),
          module_id: "115",
          postrole_id: null,
          url: "/Set/groupInformation/baseInfo"
        },
        {
          title: this.$t('Set.groupInformationSet.groupInformationSet.56325upz4og0'),
          module_id: "116",
          postrole_id: null,
          url: "/Set/groupInformation/gardenRelatedSet"
        }
      ]
    };
  }
};
</script>

<style lang="less">
#DataMaintenance-setting{
  position: relative;
  .flex-warp-line {
    border-bottom: 1px solid rgba(221, 221, 221, 1);
  }
  .DataMaintenance-groupInformationSet{

  }
}
</style>
